<template>
  <div>
    <!-- <p :class="xxx" :id="yyy">AAAA</p> -->
    <!-- <p v-bind="{ class: 'xxx', id: 'yyy' }">AAAA</p> -->
    <p>AAAA</p>
    <B v-bind="{ ...$attrs, ...$listeners }" />
  </div>
</template>

<script>
import B from "./B.vue";

export default {
  name: "AComp",
  components: {
    B,
  },
};
</script>

<style></style>
